<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>05_元素溢出</title>
    <style>
        div{
            width: 700px;
            height: 300px;
            background-color: yellow;
            overflow: hidden;
            overflow: scroll;
            overflow: auto;
        }
        .txt{
            background-color: lime;
            width: 300px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }
    </style>
</head>
<body>
    <div class="txt">
        Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus adipisci aliquam animi aperiam asperiores at consequatur dicta dolorem dolores doloribus ea eaque earum eius eligendi enim esse est et expedita facilis fuga harum hic illum incidunt inventore ipsa ipsum iusto labore laboriosam laudantium magnam maiores maxime minima minus molestiae mollitia nesciunt nihil n
    </div>
    <div>
        <img src="img/1.png" alt="">
    </div>
</body>
</html>